let dataInfo = [
    { name: "English chan", money: 392001 },
    { name: "alex chan", money: 568932 },
    { name: "melon chan", money: 698756 },
    { name: "Clare Langner", money: 292489 },
    { name: "Abigail Rice", money: 953957 },
    { name: "Clarice Dias", money: 168472 },
    { name: "Vernon Lucas", money: 718225 },
    { name: "Nina Schmidt", money: 889147 },
  ];

// 获取元素
let wrap = document.querySelector(".wrap");
let wrapLeft = document.querySelector(".wrap-left");
let nav = document.querySelector(".nav");
let ul = document.querySelector(".foot-right ul");
let moneyNum = document.querySelector(".moneyNum");

// 判断开关
let flag = true;

let door = false;

// 准备一些变量
// 索引
let index = 1;
// 空数组
let arr = [];

// 财富总额
let totalSum = 0;


// 事件委托
wrap.addEventListener("click" , function(e){
    // ie低版本兼容处理
    e = e || window.event; 

     // 导航栏
    if(e.target.className == "nav"){
        let wrapleft = wrapLeft.style;
        if(flag){
            // 随手开关关上
            flag = !flag;
            wrapleft.display = `block`;
        }else{
            // 随手开发开启
            flag = !flag;
            wrapleft.display = `none`;
        }
    }

    // 添加账户
    if(e.target.className == "one"){

        // 索引大于数组长度时结束添加
        if(index > dataInfo.length) return;

        // 截取数据放在新的数组里面
        arr = dataInfo.slice(0,index);

        index++;
    }

    // 资金翻倍
    if(e.target.className == "two"){
        arr.forEach(function(item){
            item.money = item.money * 2;
        })  
    }

    // 查询百万富豪
    if(e.target.className == "three"){
        arr = arr.filter(function(item){
            return item.money >= 1000000;
        })
    }

    // 富豪榜
    if(e.target.className == "foure"){
        arr = arr.sort(function(a,b){
            return b.money - a.money;
        })
    }
    
    // 计算总额
    if(e.target.className == "five"){
        
        // 每点击一次从新计算一次
        totalSum = 0;
        // 财富总额计算
        arr.forEach(function(item){
            totalSum += item.money;
        })
        door = !door;
    }
    // 调用函数，函数以新的数组渲染数据
    data();
})

// 函数渲染数据
function data(){
    // 点击利用索引添加
    let str = "";
    arr.forEach(function(item){
        str +=`<li>
                    <div class="name">${item.name}</div>
                    <div class="money">$${(item.money - 0).toFixed(2)}</div>
                </li>
                `;
    })
    ul.innerHTML = str;

    
    if(door){
        moneyNum.innerHTML = `
                                       
                                            <div class="">Total sum</div>
                                            <div class="">$${(totalSum - 0).toFixed(2)}</div>
                                        `;
        
    }
}

// 排序函数
/* function fn(){
    for(let i = 0; i < arr.length - 1; i++){

        let maxindex = i;

        for(let j= i + 1; i < arr.length; i++){
             if(arr[maxindex].money < arr[j].money){
                maxindex = j;
            } 
        }

        let temp = arr[i];
        arr[i] = arr[maxindex];
        arr[maxindex] = temp;
    }
} */


